<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>11.11的花费超乎你想象</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <link href="http://66xiaoqu.babytreeimg.com/css/eleven/eleven.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="wrapper">
    <div class="page page0">
        <img src="http://66xiaoqu.babytreeimg.com/images/eleven/logo.png" class="logo">

        <div class="page0-con">
            <span class="page0-con-l"></span><span class="page0-con-r"><img
                src="http://66xiaoqu.babytreeimg.com/images/eleven/page0.png" class="page0-pic"><a href="javascript:;"
                                                                                             class="startgame"></a></span>
        </div>
    </div>
    <div class="page page1" style="display: none;">
        <p class="clicktips">双十一抢了什么?点击图片选择物品的数量～</p>
			<span class="goods-box">
				<img src="http://66xiaoqu.babytreeimg.com/images/eleven/pic.png" class="page1-pic">
				<a href="javascript:;" title="微波炉" class="a1" data-counts='0' data-area="0.3"></a><div class="num num1">
                <em>0</em><span>+1</span></div>
				<a href="javascript:;" title="空调" class="a2" data-counts='0' data-area="0.3"></a><div class="num num2">
                <em>0</em><span>+1</span></div>
				<a href="javascript:;" title="玩具" class="a3" data-counts='0' data-area="0.5"></a><div class="num num3">
                <em>0</em><span>+1</span></div>
				<a href="javascript:;" title="笔记本" class="a4" data-counts='0' data-area="0.25"></a><div
                    class="num num4"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="彩电" class="a5" data-counts='0' data-area="0.3"></a><div class="num num5">
                <em>0</em><span>+1</span></div>
				<a href="javascript:;" title="姨妈巾" class="a6" data-counts='0' data-area="0.15"></a><div
                    class="num num6"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="手纸" class="a7" data-counts='0' data-area="0.2"></a><div class="num num7">
                <em>0</em><span>+1</span></div>
				<a href="javascript:;" title="椅子" class="a8" data-counts='0' data-area="0.3"></a><div class="num num8">
                <em>0</em><span>+1</span></div>
				<a href="javascript:;" title="婴儿车" class="a9" data-counts='0' data-area="0.75"></a><div
                    class="num num9"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="厨房电器" class="a10" data-counts='0' data-area="0.2"></a><div
                    class="num num10"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="洗衣机" class="a11" data-counts='0' data-area="0.3"></a><div
                    class="num num11"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="冰箱" class="a12" data-counts='0' data-area="0.3"></a><div
                    class="num num12"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="护肤品" class="a13" data-counts='0' data-area="0.01"></a><div
                    class="num num13"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="四件套" class="a14" data-counts='0' data-area="0.2"></a><div
                    class="num num14"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="包包" class="a15" data-counts='0' data-area="0.2"></a><div
                    class="num num15"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="零食" class="a16" data-counts='0' data-area="0.5"></a><div
                    class="num num16"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="婴儿衣服" class="a17" data-counts='0' data-area="0.1"></a><div
                    class="num num17"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="成人衣服" class="a18" data-counts='0' data-area="0.1"></a><div
                    class="num num18"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="照相机" class="a19" data-counts='0' data-area="0.1"></a><div
                    class="num num19"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="鞋子" class="a20" data-counts='0' data-area="0.2"></a><div
                    class="num num20"><em>0</em><span>+1</span></div>
				<a href="javascript:;" title="洗护用品" class="a21" data-counts='0' data-area="0.01"></a><div
                    class="num num21"><em>0</em><span>+1</span></div>
			</span>
        <a href="javascript:;" class="btn page1-next">选好啦，下一步</a>

        <div class="car"><img src="http://66xiaoqu.babytreeimg.com/images/eleven/car.png"><em class="total"
                                                                                        data-total='0'>0</em></div>
        <div class="pop">
            <div class="pop-con">
                <img src="http://66xiaoqu.babytreeimg.com/images/eleven/pop_bg.png"/>

                <form onsubmit="return false">
                    <input type="text" class="text" id="communityName" placeholder="请输入小区名字"/>

                    <p>注：输入居住的小区名更好的计算价格哦～</p>
                    <input type="button" value="下一步" class="btn">
                </form>
            </div>
        </div>
    </div>
    <div class="page page2" style="display: none;">
        <p class="p1">别以为双十一贪了便宜</br>额外消费绝对让你想不到！</p>

        <p class="p2">（分享后返回查看结果哦～）</p>
        <a href="javascript:;" class="share-btn"><img src="http://66xiaoqu.babytreeimg.com/images/eleven/share.png"></a>
    </div>
    <div class="page page3" style="display: none;">
        <img src="http://66xiaoqu.babytreeimg.com/images/eleven/bg.png" class="page3-bg">

        <div class="page3-con">
            <img src="http://66xiaoqu.babytreeimg.com/images/eleven/page3-pic.png" class="page3-pic"/>

            <p class="page3-p2">您已经击败了<span style="font-size:26px;color:#e85602;" id="baifenbi"></span>用户</p>

            <p class="page3-p1">剁手宝贝<br/>已侵占你家<b><span id="area" style="font-size: 26px;color:#e85602;"></span></b>平米</p>

            <p class="page3-p3"><strong><span id="fangjia">按照房价算</span><br/><span id="desc"></span><br/><br/><span id="shareContent" style="color:#e85602; font-size: 20px;">分享让更多剁手党忏悔吧！</span></strong></p>
            <div class="page3-bottom">
                <span class="page3-p4"><img src="http://66xiaoqu.babytreeimg.com/images/eleven/page3-pic1.png"
                                            class="page3-pic1"><span id="susu">速速上66小区</span><br/>24小时转出家中二手闲置<br/>让钱真正省出来！<img
                        src="http://66xiaoqu.babytreeimg.com/images/eleven/page3-pic2.png" class="page3-pic2"></span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://66xiaoqu.babytreeimg.com/js/lib/jquery-2.1.1.min.js"></script>
<script src="http://66xiaoqu.babytreeimg.com/js/controller/share.js"></script>
<script src="http://66xiaoqu.babytreeimg.com/js/controller/common.js"></script>
<script src="http://66xiaoqu.babytreeimg.com/js/eleven/eleven.js"></script>
<script src="http://66xiaoqu.babytreeimg.com/js/controller/acquisition.js"></script>
<script>
    $(function () {
        //封面图  浏览器适配
        if ($('.page0-con').width() / $('.page0-con').height() > 600 / 824) {
            $('.page0-pic').height($('.page0-con').height());
        }
    });
    $(window).load(function () {
        //开始游戏
        $('.startgame').click(function () {
            clickAcquisition({type: 56, typeDesc: '(双11游戏)点击开始按钮'});
            $('.page0').hide();
            $('.page1').show();
            //第二屏幕  浏览器适配
            if ($('.page1-pic').height() < $('.goods-box').height()) {
                $('.goods-box').css('margin-top', ($('.goods-box').height() - $('.page1-pic').height()) / 2);
                $('.goods-box').height($('.page1-pic').height());
            }
        });
        /*点击数字叠加*/
        $('.goods-box a').each(function (i) {
            $(this).on('touchstart', function () {
                var _counts = $(this).data('counts');
                var _em = $('.num').eq(i).find('em');
                $(this).data('counts', _counts + 1);
                $('.num').eq(i).show().addClass('addOne');
                if (_counts >= 99) {
                    _em.html('...');
                } else {
                    _em.html(_counts + 1);
                }
                setTimeout(function () {
                    $('.num').removeClass('addOne');
                }, 300);
                //总数
                var total = $('.total').data('total');
                $('.total').data('total', total + 1);
                if (total >= 99) {
                    $('.total').html('...');
                } else {
                    $('.total').html(total + 1);
                }
            });
        });
        //显示表单
        //隐藏表单
        $('.pop').click(function (e) {
            $(this).hide();
        });
        $('.pop-con').click(function (e) {
            return false;
        });

    });
    //表单弹出时兼容
    var height = $(window).height();
    $(window).resize(function () {
        if ($(window).height() < height) {
            $('body').height(height);
        }
    });
</script>